<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
</head>
<%--<body text="#f0f8ff" background="/images/152447657894.jpg">--%>
<body>
    <div align="center">
        What a nice day it is !
    </div>
    <hr/>
    <div align="center">
        What a nice day it is !
    </div><hr/>
    <div align="center">
        <span >What a nice day it is !</span>
        <p/><hr/>
        What a nice day it is !
        <hr/>
        <span>What a nice day it is !</span>
    </div><hr/>
    <div>
        <ul type="circle">
            <li>诸葛亮1</li>
            <li>诸葛亮2</li>
            <li>诸葛亮3</li>
        </ul>
        <hr>
        <ol type="1" start="1">
            <li>孔明1</li>
            <li>孔明2</li>
            <li>孔明3</li>
        </ol>
    </div><hr/>

    <div align="center">
        <img src="/images/152447657894.jpg" width="30%" align="center">
    </div>
    <hr/>
    <div align="center">
        <a href="http://www.baidu.com/" target="_blank">点我呗，都知道</a>
    </div><hr/>
    <div align="center">
        <table border="2px" width="30%">
            <caption>这是表格的标题</caption>
            <%--thead、tbody标签为动态显示，加载了就显示，不必都加载完成再显示表格--%>
            <thead>
                <tr>
                    <th>姓名1</th>
                    <th>姓名2</th>
                    <th>姓名3</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <%--合并行--%>
                    <td colspan="2" align="center">梅宝宝1</td>
                    <td>梅宝宝3</td>
                </tr>
                <tr>
                    <%--合并列--%>
                    <td rowspan="2" align="center">梅宝宝4</td>
                    <td>梅宝宝5</td>
                    <td>梅宝宝6</td>
                </tr>
                <tr>
                    <td>梅宝宝8</td>
                    <td>梅宝宝9</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>奔跑的1</td>
                    <td>奔跑的2</td>
                    <td>奔跑的3</td>
                </tr>
            </tfoot>
        </table>
    </div><hr/>
    <div align="center">
        <form action="#" method="get" name="testForm">
            姓名：<input type="text" id="username" name="username" placeholder="请输入用户名"><br>
            密码：<input type="password" name="password" id="password" placeholder="请输入密码"><br>
            性别:
                <input type="radio" name="sex" checked="checked">男
                <input type="radio" name="sex">女<br>
            兴趣:
                <input type="checkbox" name="interest">篮球1
                <input type="checkbox" name="interest">篮球2
                <input type="checkbox" name="interest">篮球3<br>
            按钮: <input type="button" name="but" id="but" value="点击我啊"><br>
            隐藏标签:   <input type="hidden" name="hid" id="hid"><br>
            上次文件:   <input type="file" name="file" id="fil"><br>
            提交: <input type="submit" id="sub" name="sub"><br>
            重置:  <input type="reset" name="res" id="res"><br>
            图片按钮:   <input type="image" src="#" alt="图片按钮" name="imageName"><br>
            下拉列表:
                <select name="city">
                    <option value="1">广州1</option>
                    <option value="2">广州2</option>
                    <option value="3">广州3</option>
                    <option value="4">广州4</option>
                </select><br>
            多行输入:
                <textarea rows="5" cols="30"></textarea>
        </form>
    </div>
    <div align="center">
        <hr/>
    </div>
    <div align="center"><hr/>
    </div>
    <div align="center"><hr/>
    </div>
    <div align="center"><hr/>
    </div>
    <div align="center"><hr/>
    </div>
    <div align="center"><hr/>
    </div>

</body>
</html>
